html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main
{
    display: block;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
    content: '';
    content: none;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

a
{
    text-decoration: none;
    color: inherit;
}

/* --------------------- Begin of styling --------------------- */
/* ---------------------------- <3 ---------------------------- */

#wrapper
{
    width: 960px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 16px;
    
    & > div
    {
        border-top: 2px solid #D3D7DA;
        border-bottom: 2px solid #D3D7DA;
        float: left;
        width: 148px;
        position: relative;
        
        &:nth-child(even)
        {
            border-left: 2px solid #D3D7DA;
            border-right: 2px solid #D3D7DA;
            height: 280px;
            
        }
        &:nth-child(odd)
        {
            height: 260px;
        }
    }
}

span
{
    text-transform: uppercase;
}

hgroup
{
    display: block-inline;
    position: absolute;
    top: 10px;
    left: 44px;
    font-weight: bold;
    line-height: 1.3em;
}

p
{
    position: absolute;
    top: 62px;
    margin: 4px;
    line-height: 1.2em;
}

div
{
    div
    {
        div
        {
            position: relative;
            margin: 4px;
            line-height: 1.2em;
            color: #C72D2F;
        }
        
        &:nth-child(1)
        {
            div
            {
                top: 181px;
            }
            
        }
        
        &:nth-child(2)
        {
            div
            {
                top: 162px;
            }
            background-image: url(imgs/install.png);
            background-repeat: no-repeat;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f2f3));
        }
        
        &:nth-child(3)
        {
            div
            {
                top: 143px;
            }
        }
        
        &:nth-child(4)
        {
            div
            {
                top: 143px;
            }
            
            hgroup
            {
                
            background-image: url(imgs/install.png);
            background-repeat: no-repeat;
                top: 30px;
            }
        }
        
        &:nth-child(5)
        {
            div
            {
                top: 62px;
                color: black;
                border: 1px solid yellow;
                background-color: #FFFFDD;
                
                a
                {
                    display: inline-block;
                    color: #C72D2F;
                }
            }
            
            background-image: url(imgs/twitter.png);
            background-repeat: no-repeat;
            
            hgroup
            {
                top: 30px;
            }
        }
        
        &:nth-child(6)
        {
            div
            {
                top: 162px;
            }

            hgroup
            {
                top: 30px;
            }
        }
    }
}

a
{
    display: block;
}